<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 导航栏 -->
    <nav>
        <div class="logo">
            <a href="javascript:;">
            </a>

        </div>

        <div class="classification">
            <a href="javascript:;">推荐</a>
            <a href="javascript:;">排行</a>
            <a href="javascript:;" class="dp-i-block">分类</a>
        </div>
        <button>
            下载哔哩哔哩漫画
        </button>
    </nav>

    <!-- 分类搜索 -->
    <div class="fenlei">
        <div class="classification">
            <div class="label">
                <div class="classify-label dp-i-block">全部</div>
                <div class="classify-label">热血</div>
                <div class="classify-label">古风</div>
                <div class="classify-label">玄幻</div>
                <div class="classify-label">悬疑</div>
                <div class="classify-label">都市</div>
                <div class="classify-label">历史</div>
                <div class="classify-label">武侠仙侠</div>
                <div class="classify-label">游戏竞技</div>
                <div class="classify-label">悬疑灵异</div>
                <div class="classify-label">架空</div>
                <div class="classify-label">青春</div>
                <div class="classify-label">西幻</div>
                <div class="classify-label">现代</div>
                <div class="classify-label">正能量</div>
                <div class="classify-label">科幻</div>
            </div>
    
            <div class="label-row">
                <div class="screening">
                    <div class="first-label dp-i-block">全部</div>
                    <div class="first-label">大陆</div>
                    <div class="first-label">日本</div>
                    <div class="first-label">韩国</div>
                    <div class="first-label">其他</div>
                </div>
            </div>
            <div class="label-row">
                <div class="screening">
                    <div class="first-label dp-i-block">全部</div>
                    <div class="first-label">连载</div>
                    <div class="first-label">完结</div>
                </div>
            </div>
            <div class="label-row">
                <div class="screening">
                    <div class="first-label dp-i-block">全部</div>
                    <div class="first-label">免费</div>
                    <div class="first-label">付费</div>
                    <div class="first-label">等就免费</div>
                </div>
            </div>
            <div class="label-row">
                <div class="screening">
                    <div class="first-label dp-i-block">人气推荐</div>
                    <div class="first-label">更新时间</div>
                    <div class="first-label">追漫人数</div>
                    <div class="first-label">上架时间</div>
    
                </div>
                <div class="switch-btn">
                    <div class="icon"></div>
                    <span>筛选</span>
                </div>
    
            </div>
        </div>
    
        <div class="sy2">
    
        </div>
    </div>

    <!-- 主体 -->
    <div class="main">
        <div class="row">
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/gmzr.jpg);"></div>
                <div class="manga-title">鬼灭之刃</div>
                <div class="manga-info">[完结] 共 208 话</div>
            </a>
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/danai.jpg);"></div>
                <div class="manga-title">修了三千年</div>
                <div class="manga-info">[完结] 共 699 话</div>
            </a>
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/hs.jpg);"></div>
                <div class="manga-title">什么老婆不要</div>
                <div class="manga-info">[完结] 共 66 话</div>
            </a>
        </div>
        <div class="row">
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/danai.jpg);"></div>
                <div class="manga-title">修了三千年</div>
                <div class="manga-info">[完结] 共 699 话</div>
            </a>
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/hs.jpg);"></div>
                <div class="manga-title">什么老婆不要</div>
                <div class="manga-info">[完结] 共 66 话</div>
            </a>
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/danai.jpg);"></div>
                <div class="manga-title">修了三千年</div>
                <div class="manga-info">[完结] 共 699 话</div>
            </a>
        </div>
        <div class="row">
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/gmzr.jpg);"></div>
                <div class="manga-title">鬼灭之刃</div>
                <div class="manga-info">[完结] 共 208 话</div>
            </a>
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/hs.jpg);"></div>
                <div class="manga-title">什么老婆不要</div>
                <div class="manga-info">[完结] 共 66 话</div>
            </a>
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image: url(./images/jlai.jpg);"></div>
                <div class="manga-title">天宫赐福</div>
                <div class="manga-info">[完结] 共 81 话</div>
            </a>
        </div>
        <div class="row">
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image: url(./images/jlai.jpg);"></div>
                <div class="manga-title">天宫赐福</div>
                <div class="manga-info">[完结] 共 81 话</div>
            </a>
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/gmzr.jpg);"></div>
                <div class="manga-title">鬼灭之刃</div>
                <div class="manga-info">[完结] 共 208 话</div>
            </a>
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/hs.jpg);"></div>
                <div class="manga-title">什么老婆不要</div>
                <div class="manga-info">[完结] 共 66 话</div>
            </a>
        </div>
        <div class="row">
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/danai.jpg);"></div>
                <div class="manga-title">修了三千年</div>
                <div class="manga-info">[完结] 共 699 话</div>
            </a>
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image:url(./images/hs.jpg);"></div>
                <div class="manga-title">什么老婆不要</div>
                <div class="manga-info">[完结] 共 66 话</div>
            </a>
            <a href="javascript:;" class="mange">
                <div class="manga-cover" style="background-image: url(./images/jlai.jpg);"></div>
                <div class="manga-title">天宫赐福</div>
                <div class="manga-info">[完结] 共 81 话</div>
            </a>
        </div>

    </div>
    <div class="dis">
        <i></i>
        <div class="v-logo"></div>
        <div class="text">
            <p>更多精彩内容</p>
            <p>尽在哔哩哔哩漫画</p>
        </div>
        <div class="btn">App 内打开</div>
    </div>
    <div id="jiazai"
        style="width:100%;height: 20px;  line-height:20px;font-size:16px;color:#222;text-align:center;display:none;">
        正在加载</div>


    <script src="./js/jquery.js"></script>
    <script src="./js/index.js"></script>

</body>

</html>